.page-title {
    padding: 10px 0;
}
.page-title:after {
    clear: both;
    content: " ";
    display: block;
}
.page-title h1 {
    float: left;
    font-size: 14px;
    font-weight: bold;
}
.page-title .icon {
    vertical-align: middle;
}
.page-title .title-alt {
    float: right;
}
.pymk-header, .pymk-body .recognize li {
    overflow: hidden;
}
.pymk-header {
    margin-bottom: 8px;
}
.pymk-header h4 {
    float: left;
    font-weight: bold;
}
.pymk-header .option {
    text-align: right;
}
.pymk-body .recognize {
}
.pymk-body {
    overflow: hidden !important;
    position: relative;
    width: 240px;
}
.pymk ul.recognize {
    list-style: none outside none;
    overflow: hidden;
    width: 1920px;
}
.pymk ul.recognize div {
    list-style: none outside none;
}
.pymk-body .recognize .group {
    float: left;
    overflow: hidden;
    width: 240px;
}
.pymk-body .recognize li {
    margin-bottom: 5px;
    position: relative;
}
.pymk-body .recognize p img {
    margin: 0;
}
.pymk-body .shut-new {
    background: url("../image/remove.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 13px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
}
.pymk-body .x-to-hide {
    background: url("../image/home_icon.png") no-repeat scroll -63px -420px transparent;
    height: 14px;
    text-decoration: none;
    width: 14px;
}
.pymk-body .x-to-hide:hover {
    background-position: -63px -434px;
    text-decoration: none;
}
.pymk-body .remove-tip {
    position: absolute;
    right: 0;
    top: 0;
}
.pymk .recognize li span {
    color: #888888;
}
.pymk-body .shut:hover {
    background-position: -13px 0;
}
.pymk .recognize li span.headpichold {
    display: block;
    float: left;
    height: 50px;
    line-height: normal;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-align: left;
    width: 50px;
}
.pymk .recognize li span.headpichold a {
    height: 50px;
    margin: 0;
}
.pymk .recognize li span.headpichold img {
    margin: 0;
}
.pymk .recognize li span a {
    display: inline;
    height: 14px;
    overflow: hidden;
}
.pymk .recognize li span a.name {
    font-weight: bold;
    height: auto;
    width: 145px;
}
.pymk .recognize li p {
    line-height: normal;
    margin: 3px 0 3px 55px;
}
.pymk .comefrom {
    background: none repeat scroll 0 0 #F3FAFF;
    border: 1px solid #CEE1EE;
    margin-top: 5px;
    padding: 5px 10px;
}
.pymk .comefrom p {
    margin-left: 0 !important;
}
.pymk .comefrom a {
    display: inline;
}
.pymk .pager-back, .pymk .pager-forward, .pymk .more {
    background: url("../image/newpager.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    outline: 0 none;
    overflow: hidden;
    text-indent: -9999px;
    width: 25px;
}
.pymk .pager-back {
    background-position: 0 0;
}
.pymk .more {
    background-position: 0 -36px;
}
.pymk .more:hover {
    background-position: 0 -54px;
}
.pymk .pager-forward {
    background-position: 0 -18px;
    margin-left: -2px;
}
.pymk .pager-back:hover {
    background-position: 0 -72px;
}
.pymk .pager-forward:hover {
    background-position: 0 -90px;
}
.pymk .pager-back-disable, .pymk .pager-back-disable:hover {
    background-position: 0 -108px;
}
.pymk .pager-forward-disable, .pymk .pager-forward-disable:hover {
    background-position: 0 -126px;
}
.pymk .option {
    visibility: hidden;
}
.pymk {
}
.pymk_hover .option, .pymk:hover .option {
    visibility: visible;
}
.pymk .profile-label {
    color: #666666;
    font-weight: bold;
}
.pymk-body a.reconnect {
    background: url("../image/reply-blue.gif") no-repeat scroll left center transparent;
    outline: 0 none;
    padding-left: 18px;
}
.pymk-body .reconnect-gossip {
    background: none repeat scroll 0 0 #F0F5F8;
    border-color: #E3EEF8 #E3EEF8 #CEE1EE;
    border-style: solid;
    border-width: 1px;
    clear: both;
    margin-top: 3px;
    padding: 4px;
}
.pymk-body .reconnect-gossip textarea {
    margin: 0;
    width: 202px;
}
.pymk-body .reconnect-gossip .clearfix {
    text-align: right;
}
.pymk-body .reconnect-gossip .clearfix label {
    color: #333333;
    font-weight: normal;
    margin-right: 5px;
}
.pymk-body .reconnect-gossip .clearfix label input {
    margin-right: 2px;
}
.pymk .recognize li .ugc-type {
    color: #333333;
    display: block;
    margin-bottom: 2px;
}
.pymk .recognize li .ugc-type .icon {
    margin-right: 5px;
}
.pymk .recognize li .ugc-title {
    display: block;
    padding-left: 18px;
}
.friend-photo .side-item-header {
    padding: 0 0 8px;
    text-align: right;
}
.friend-photo h4 {
    color: #333333;
    float: left;
    font-weight: bold;
}
.friend-photo .pager-back, .friend-photo .pager-forward {
    background: url("../image/pager.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 11px;
    outline: 0 none;
    overflow: hidden;
    width: 20px;
}
.friend-photo .pager-back {
    background-position: 0 -11px;
}
.friend-photo .pager-forward {
    background-position: -20px -11px;
}
.friend-photo .pager-back:hover {
    background-position: 0 -22px;
}
.friend-photo .pager-forward:hover {
    background-position: -20px -22px;
}
.friend-photo .pager-back-disable, .friend-photo .pager-back-disable:hover {
    background-position: 0 0;
}
.friend-photo .pager-forward-disable, .friend-photo .pager-forward-disable:hover {
    background-position: -20px 0;
}
.friend-photo .friend-photo-item {
    display: block;
    float: left;
    padding: 0;
    width: 100%;
}
.friend-photo-item h5 {
    float: right;
    margin-bottom: 5px;
    text-align: justify;
    width: 120px;
    word-wrap: break-word;
}
.friend-photo-item h5 span {
    display: block;
    padding-top: 5px;
}
.friend-photo-item a.photo {
    float: left;
    width: 100px;
}
.friend-photo-item img {
    border: 1px solid #BBC9E2;
    padding: 3px;
    width: 100px;
}
.friend-photo-item p.info {
    float: right;
    width: 120px;
    word-wrap: break-word;
}
.friend-photo-item p.contain-friend {
    float: left;
    padding: 6px 0 0;
    width: 100%;
}
.friend-photo-item p.contain-friend a {
    margin: 0 2px;
}
.message-fields .share-title, .message-fields .share-description {
    overflow: hidden;
    width: auto;
}
.opera-bar .select-btn2, .opera-bar .left-btn, .opera-bar .right-btn, .album-list li .infor .password, .album-list li .infor .phone, .album-list li .infor .userhead, .photo-comment, .photo-del, .photo-edit, .photo-comment span, .album-list li, .enter-ico {
    background: url("../image/icons2.png") no-repeat scroll 0 0 transparent;
}
.numbers {
    color: #888888;
}
li.pipe {
    color: #AAAAAA;
    font-size: 11px;
    font-weight: 400;
    margin: 0 3px;
}
.toolbar {
    background-color: #F7F7F7;
    border-top: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding: 5px 10px;
}
.toolbar:after {
    clear: both;
    content: " ";
    display: block;
}
.toolbar .left {
    float: left;
}
.toolbar .right {
    float: right;
}
.toolbar .numbers {
    float: left;
    margin-right: 15px;
}
.toolbar .opera-bar {
    float: right;
    height: 23px;
    line-height: 23px;
}
.opera-bar .left-btn, .opera-bar .right-btn {
    background-position: 0 -299px;
    border-right: 1px solid #8B8B8B;
    color: #666666 !important;
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    text-shadow: 1px 1px #FFFFFF;
}
.opera-bar .left-btn2, .opera-bar .right-btn2 {
    color: #336699 !important;
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    padding: 0 10px 0 8px;
}
.opera-bar .left-btn {
    border-right: medium none;
}
.opera-bar .select-btn {
    background-position: 0 -276px;
}
.opera-bar .select-btn2 {
    background-position: 0 -166px;
    color: #333333 !important;
}
.opera-bar a:hover {
    text-decoration: none;
}
a.upload-btn {
    background: url("../image/btn-bg.png") repeat scroll 0 0 transparent;
    border: 1px solid #8B8B8B;
    color: #333333;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    padding: 0 8px;
}
a.upload-btn:visited {
    color: #333333;
}
a.upload-btn:hover {
    border-color: #333333;
    color: #333333;
    text-decoration: none;
}
a.upload-btn .add-ico {
    background: url("../image/plus-gray.png") no-repeat scroll left center transparent;
    color: #535353;
    font-weight: bold;
    padding-left: 16px;
}
a.upload-btn .config-ico {
    background: url("../image/config.png") no-repeat scroll 0 0 transparent;
    color: #535353;
    font-weight: bold;
    padding-left: 16px;
}
.pager-nav {
    clear: both;
}
.pager-nav .number-photo {
    color: #888888;
    float: left;
    line-height: 22px;
}
.pager-top {
    border-bottom: 0 none;
    padding-right: 0;
}
.pager-bottom {
    border-top: 0 none;
    padding-top: 10px;
}
.pager-bottom .pagerpro li a {
    border-top: 0 none;
    margin-top: 2px;
}
.pager-bottom .pagerpro li.current a, .pager-bottom .pagerpro li.current a:hover {
    border-top: 2px solid #005EAC;
    margin-top: 0;
}
.album-list li .move-ico, .my-list li .move-ico {
    background: url("../image/drag.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 25px;
    left: 10px;
    position: absolute;
    text-indent: -9999em;
    top: 10px;
    width: 25px;
}
.album-list li:hover .move-ico, .album-list li.hover .move-ico, .my-list li:hover .move-ico, .my-list li.hover .move-ico {
    display: block;
    visibility: visible;
}
.other-page {
}
.page-num {
    color: #888888;
    font-weight: bold;
    padding: 10px 0;
}
.page-fixed {
    background: none repeat scroll 0 0 #FFFFFF;
    font-weight: bold;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 540px;
    z-index: 20;
}
.album-list ul {
    width: 110%;
}
.album-list, .photo-list {
    width: 100%;
    padding-left: 10px;
}
.album-list li {
    background-position: 0 0;
    display: block;
    float: left;
    height: 166px;
    margin: 9px 18px 18px 0;
    overflow: hidden;
    position: relative;
    width: 166px;
    z-index: 5;
}
.album-list li .album-cover {
    background-color: #DDDDDD;
    display: block;
    height: 130px;
    margin: 4px;
    overflow: hidden;
    width: 154px;
}
.album-list li .album-title {
    color: #333333;
    cursor: pointer;
    display: block;
    height: 31px;
    margin: -5px 0 0 4px;
    text-decoration: none;
    width: 154px;
}
.album-list li .album-title:hover, .album-list li .album-title:link, .album-list li .album-title:visited {
    color: #333333;
    text-decoration: none;
}
.album-list li a.album-cover:hover {
    opacity: 0.8;
}
.album-list li a:hover .photo-num {
    background: url("../image/photo_num.png") no-repeat scroll 0 bottom transparent;
    display: block;
}
.album-list li .album-cover img {
    background-color: #DDDDDD;
    background-position: center 25%;
    background-repeat: no-repeat;
    display: block;
    height: 130px;
    overflow: hidden;
    width: 154px;
}
.album-list li .infor {
    display: block;
    letter-spacing: -4px;
    line-height: 1.5em;
    padding: 6px 0 0;
    text-align: center;
    width: 154px;
    word-wrap: break-word;
}
.album-list li .infor .album-name {
    height: 1.5em;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}
.album-list li .infor * {
    letter-spacing: 0;
}
.album-list li .infor .password {
    background-position: -23px -325px;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    width: 9px;
}
.album-list li .infor .userhead {
    background-position: -10px -325px;
    display: inline-block;
    height: 16px;
    margin-right: 2px;
    vertical-align: middle;
    width: 13px;
}
.album-list .photo-num {
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    left: 115px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 38px;
}
.album-list a.album-cover:hover {
    text-decoration: none;
}
.photo-list li {
    border: 1px solid #FFFFFF;
    float: left;
    height: 130px;
    margin: 3px 6px 3px 0;
    overflow: hidden;
    padding: 1px;
    position: relative;
    z-index: 5;
}
.photo-list li:hover, .photo-list li.hover, .photo-list li.select {
    background-color: #CEE1EE;
    border: 1px solid #005EAC;
}
.photo-list li .picture {
    background-color: #DDDDDD;
    display: block;
    height: 130px;
    overflow: hidden;
    width: 170px;
}
.photo-list li .picture img {
    background-color: #DDDDDD;
    background-position: center 25%;
    background-repeat: no-repeat;
    display: block;
    height: 130px;
    margin: 0;
    overflow: hidden;
    width: 170px;
}
.photo-list li:hover .photo-info {
    display: block;
}
.photo-author {
    border: 1px solid #FFFFFF;
    bottom: 0;
    left: 0;
    position: absolute;
    vertical-align: top;
}
.photo-author img {
    display: block;
    height: 30px;
    width: 30px;
}
.photo-info .descript, .myphoto-info .descript {
    bottom: 0;
    color: #FFFFFF;
    font-family: "微软雅黑";
    left: 6px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    z-index: 2;
}
.frid-photo .descript {
    left: 36px;
    width: 120px;
}
.photo-info, .myphoto-info {
    background: url("../image/gray-bg.png") no-repeat scroll 0 bottom transparent;
    display: none;
    height: 32px;
    left: 1px;
    line-height: 24px;
    position: absolute;
    top: 99px;
    width: 170px;
    z-index: 1;
}
.my-list li:hover .photo-del, .my-list li:hover .photo-edit, .my-list li:hover .myphoto-info, .my-list li.hover .photo-del, .my-list li.hover .photo-edit, .my-list li.hover .myphoto-info, .photo-list li.select .photo-edit, .photo-list li.select .edit-desc {
    display: block;
}
.my-list li:hover .photo-comment, .photo-list li.select .photo-comment, .photo-list li.select .myphoto-info, .photo-list li.select .photo-del, .photo-list li.select .move-ico {
    visibility: hidden;
}
.photo-comment {
    background-position: -167px -322px;
    display: block;
    height: 22px;
    line-height: 16px;
    padding-left: 7px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.photo-comment span {
    background-position: right -345px;
    display: inline-block;
    padding-right: 7px;
}
.photo-del, .photo-edit {
    background-position: -55px -322px;
    display: none;
    height: 20px;
    outline: medium none;
    position: absolute;
    right: 1px;
    text-indent: -9999em;
    width: 21px;
    z-index: 3;
}
.photo-edit {
    background-position: -33px -322px;
    top: 111px;
}
a.photo-del:hover {
    background-position: -97px -322px;
}
a.photo-edit:hover, .photo-list li.select .photo-edit {
    background-position: -76px -322px;
}
.photo-list li.select {
    border-bottom: 1px solid #FFFFFF;
    overflow: visible;
    z-index: 10;
}
.photo-list li .edit-desc {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #CEE1EE;
    border-color: -moz-use-text-color #005EAC #005EAC;
    border-right: 1px solid #005EAC;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: none;
    left: -1px;
    padding: 0 1px 1px;
    position: absolute;
    top: 131px;
    width: 170px;
}
.edit-desc .edit-content {
    border: 1px solid #83ACC6;
}
.edit-desc input {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #DDDDDD;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding: 0.8ex 0.4ex;
    width: 163px;
}
.edit-desc p {
    background: none repeat scroll 0 0 #F1F1F1;
    color: #AAAAAA;
    padding: 3px;
    width: 162px;
}
.edit-desc span {
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    color: #888888;
    display: inline-block;
    line-height: 16px;
    margin: 0 2px;
    padding: 0 2px;
}
.edit-desc span.enter-ico {
    background-position: 27px -341px;
    padding-right: 14px;
}
* + html .edit-desc span.enter-ico {
    padding-top: 3px;
}
.edit-album-dialog {
}
.edit-album-dialog dt {
    color: #808080;
    font-weight: bold;
    margin: 0 7px 0 0;
    padding-top: 4px;
    text-align: right;
    width: 80px;
}
.edit-album-dialog dl {
    margin: 5px 0;
    overflow: hidden;
}
.edit-album-dialog dt, .edit-album-dialog dd {
    float: left;
}
.edit-album-dialog .inputtext {
    padding: 3px 0 3px 3px;
    width: 270px;
}
.edit-album-dialog textarea {
    height: 50px;
    width: 269px;
}
.edit-album-dialog select {
    width: 200px;
}
﻿ .friendAutoSelector {
    vertical-align: top;
    width: 280px;
}
.friendAutoSelector .inputRst {
    padding-left: 10px;
}
.frsAutoUp, .frsAutoDown {
    background-image: url("../image/scroll_down_yellow.gif");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 9px;
    margin: 1px 20px 0 5px;
    width: 9px;
}
.frsAutoUp {
    background-image: url("../image/scroll_up_yellow.gif");
}
.autoRst {
    background-color: #FFFFFF;
    border: 1px solid #BEC7D8;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 21px;
    width: 248px;
    z-index: 2;
}
.autoRst ul {
    margin-bottom: -1px;
}
.autoRst ul .selected {
    background-color: #F0F5F8;
    color: #888888;
}
.autoRst ul .selectedname {
    background-color: #F0F5F8;
}
.autoRst ul li {
    border-bottom: 1px solid #EEEEEE;
    line-height: 1.8;
    overflow: hidden;
    padding-left: 5px;
}
.autoRst ul li a {
    display: block;
}
.autoRst ul li a:hover {
    display: block;
    text-decoration: none;
}
.radio-choose {
    left: -65px;
    padding: 2px;
    position: absolute;
    top: 23px;
    width: 310px;
}
.radio-choose .tips {
    background-color: #F0F5F8;
    line-height: 22px;
    overflow: hidden;
    padding: 2px 5px;
}
.radio-choose .tips .float-left {
    line-height: 22px;
}
.radio-choose .tips #tipsBtn {
    padding-top: 2px;
}
.radio-choose .holder {
    border: 1px solid #EFF1EE;
    height: 98px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.radio-choose .holder ul {
    margin-right: -10px;
}
.radio-choose .holder label {
    color: #666666;
    font-weight: normal;
}
.radio-choose .holder li {
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
}
.radio-choose .holder li .userCell {
    display: inline-block;
    float: left;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95px;
}
.radio-choose .actionBtns {
    padding: 5px;
}

.friendlist_elector {
    position: relative;
    vertical-align: top;
    width: 359px;
}
.friendlist_elector .friend_list, .friendlist_elector .friend_add {
    border-bottom: 1px solid #BEC7D8;
    border-right: 1px solid #BEC7D8;
    float: left;
    height: 154px;
    line-height: 22px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 178px;
}
.friendlist_elector .friend_list {
    background: none repeat scroll 0 0 #F0F5F8;
    border-left: 1px solid #BEC7D8;
}
.friendlist_elector .friend_list ul {
}
.friendlist_elector .friend_list li {
    display: block;
}
.friendlist_elector .friend_list .choose {
    background: url("../image/choose.gif") no-repeat scroll 145px center transparent;
    padding-left: 6px;
}
.friendlist_elector .friend_list li a, .friendlist_elector .friend_list li a:hover {
    color: #000000;
    display: block;
    height: 22px;
    padding: 0 6px;
    text-decoration: none;
}
.friendlist_elector .friend_list li a:hover {
    background: url("../image/friend_list_bg.gif") no-repeat scroll 145px center #F8E6AC;
}
.friendlist_elector .friend_add {
    border-left: medium none;
}
.friendlist_elector .friend_add ul {
}
.friendlist_elector .friend_add li {
    clear: both;
    display: block;
    padding-left: 6px;
}
.friendlist_elector .friend_add li span {
    float: left;
}
.friendlist_elector .friend_add li em {
    float: right;
}
.friendlist_elector .friend_add li em img {
    margin: 6px 6px 0;
}
.friendlist_elector .friend_add p {
    color: #888888;
    padding-left: 6px;
}
.friendlist_elector .functionbutton {
    clear: both;
    padding: 8px 0 0;
}
.destext {
    border-bottom: 1px solid #CEE1EE;
    color: #000000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.friendSelectorBox .selector {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 340px;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.friendSelectorBox .selector ul {
    padding: 0.5em;
}
.friendSelectorBox .selector ul li {
    border: 0 none;
    float: left;
    height: 64px;
    margin: 3px;
    overflow: hidden;
    padding: 0;
    width: 134px;
}
.friendSelectorBox .selector ul li a {
    display: block;
    height: 64px;
    padding: 4px;
}
.friendSelectorBox .selector ul li a:hover {
    background: url("../image/friend_selector_hover_bg.gif") no-repeat scroll left top transparent;
    text-decoration: none;
}
.friendSelectorBox .selector ul li a:hover h4 {
    color: #333333;
}
.friendSelectorBox .selector ul li a:hover span.atnet {
    color: #666666;
}
.friendSelectorBox .selector ul li a:hover span.picbox {
    background-color: #FFFFFF;
}
.friendSelectorBox .selector ul li a h4 {
    color: #333333;
}
.friendSelectorBox .selector ul li a span.atnet {
    color: #CCCCCC;
}
.friendSelectorBox .selector ul li a span.picbox {
    border: 1px solid #B1C1E1;
    float: left;
    height: 50px;
    margin-right: 3px;
    padding: 2px;
    width: 50px;
}
.friendSelectorBox .selector ul li a span.picbox span.pic {
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 50px;
}
.friendSelectorBox .selector ul li a span.picbox img.added {
    display: none;
}
.friendSelectorBox .selector ul li.select, .friendSelectorBox .selector ul li.select a:hover {
    background: url("../image/friend_selector_bg.gif") no-repeat scroll left top transparent;
}
.friendSelectorBox .selector ul li.select a h4, .friendSelectorBox .selector ul li.select a:hover h4 {
    color: #FFFFFF;
}
.friendSelectorBox .selector ul li.select a:hover span.atnet {
    color: #CCCCCC;
}
.friendSelectorBox .selector ul li.select a span.picbox, .friendSelectorBox .selector ul li.select a:hover span.picbox {
    background: none repeat scroll 0 0 #8497C0;
}
.friendSelectorBox .selector ul li.select a span.picbox span.pic {
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.friendSelectorBox .selector ul li.select a span.picbox span.pic img.added {
    display: block;
    padding-top: 37px;
}
.allfriendslist {
    background-color: #E3EEF8;
    border-top: 1px solid #CEE1EE;
}
.friendsgroup-sidebar {
    background-color: #E3EEF8;
}
.friendSelectorBox .selectfilter {
    line-height: 22px;
    margin-bottom: 10px;
}
.n-f-s {
}
.n-f-s strong {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: lighter;
}
.n-f-s .function {
    color: #808080;
    float: left;
    width: 50%;
}
.n-f-s .function span {
    display: block;
    float: left;
    line-height: 25px;
    margin-right: 20px;
}
.n-f-s .function .function_nav_up a, .school-list .function_nav_down a {
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 6px;
    width: 66px;
}
.n-f-s .function .function_nav_up a {
    background: url("../image/function_nav_up.gif") no-repeat scroll 60px 10px transparent;
    display: block;
}
.school-list .function_nav_down {
    background: url("../image/function_nav_bg.gif") no-repeat scroll right bottom transparent;
}
.school-list .function_nav_down a {
    background: url("../image/function_nav_down.png") no-repeat scroll left top transparent;
    display: block;
    line-height: 25px;
}
.school-list {
    position: absolute;
    width: 138px;
}
.school-list .school-list_title {
    border-bottom: 1px solid #CCCCCC;
    color: #888888;
    margin-bottom: 5px;
    padding: 5px 0 8px;
}
.school-list ul {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #3777BC #3777BC;
    border-right: 1px solid #3777BC;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 207px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 4px 0 6px;
}
.school-list li {
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}
.school-list li a:link {
    color: #000000;
    text-decoration: none;
}
.school-list li a:visited {
    color: #000000;
    text-decoration: none;
}
.school-list li a:hover {
    text-decoration: underline;
}
.state {
    float: right;
    margin-bottom: 5px;
    width: 49%;
}
.state ul {
    list-style: none outside none;
}
.state li {
    display: inline;
    margin: 0;
    padding: 0;
}
.state a {
    float: right;
    margin: 0 5px 0 0;
    padding: 0 0 0 3px;
    text-decoration: none;
}
.state a span {
    display: block;
    float: left;
    line-height: 19px;
    padding: 0 7px 0 5px;
}
.state a span {
    float: none;
}
* + html .state a span {
    line-height: 21px;
}
.state a:hover span {
    background: url("../image/friends_selecot_state_R.gif") no-repeat scroll right top transparent;
    color: #FFFFFF;
    text-decoration: none;
}
.state a:hover {
    background: url("../image/friends_selecot_state_L.gif") no-repeat scroll left top transparent;
}
.state a:hover span {
}
.state .onstate a {
    background: url("../image/friends_selecot_state_L.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    line-height: 14px;
}
.state .onstate a:hover {
    text-decoration: none;
}
.state .onstate span {
    background: url("../image/friends_selecot_state_R.gif") no-repeat scroll right top transparent;
    color: #FFFFFF;
}
.state em {
    font-style: inherit;
    font-weight: inherit;
}
.closebnt a {
    background: url("../image/close_window.gif") no-repeat scroll left top transparent;
    display: block;
    height: 17px;
    width: 17px;
}
.closebnt a:hover {
    background: url("../image/close_window.gif") no-repeat scroll left bottom transparent;
}
.selectorclose {
    background-color: #F6F6F6;
    padding: 3px;
}
#sub-nav {
    padding-left: 10px;
}
.s-success-box {
    font-size: 14px;
    padding: 10px 0;
}
.s-icon {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
.s-success-more {
    border-left: 1px solid #CEE1EE;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    width: 300px;
}
.s-success-more p {
    margin-top: 10px;
}
.s-message {
    padding: 10px 10px 0 0;
}
.s-message-mod {
    margin-bottom: 10px;
}
.message-fields dt {
    float: left;
    margin: 0 10px;
    overflow: hidden;
    text-align: right;
    width: 50px;
}
.message-fields dd {
    float: left;
    margin: 0 0 10px;
    width: 350px;
}
.attachment_stage {
    margin-top: 10px;
}
.s-message .share-footer {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
}
.s-message .share-footer span {
    color: #888888;
}
.s-message a.m-editor-emo {
    background-image: url("../image/action_btn.png");
    background-position: 0 -23px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 23px;
    line-height: 23px;
    outline: medium none;
    padding-left: 25px;
}
.message-fields dd textarea, .message-fields dd .s-text {
    border: 1px solid #A0BEDC;
    padding: 3px;
    width: 340px;
}
.message-fields dd#dd_privacy_field {
    margin: 0;
}
.message-fields textarea {
    height: 50px;
    margin: 0;
    overflow: auto;
}
.message-fields label {
    display: block;
    padding-top: 4px;
}
.message-fields dd .tokenizer {
    border: 1px solid #A0BEDC;
    padding: 0 3px;
    width: 340px;
}
.s-info-box {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #E8E8E8;
    padding: 10px;
}
.s-thumb {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9BAFBE;
    float: left;
    margin-right: 10px;
    padding: 2px;
}
.s-thumb img {
    background: none repeat scroll 0 0 #333333;
}
.s-description {
    line-height: 18px;
}
.s-description .s-title {
    color: #555555;
    font-weight: 700;
}
.s-font-gray {
    color: #888888;
}
.s-mini-group {
    margin: 0 0 15px 8px;
}
.s-mini-group ul {
    margin-bottom: 5px;
}
.s-mini-group li {
    float: left;
    width: 138px;
}
.s-mini-group li a {
    background: url("../image/mini-gicon.png") no-repeat scroll 0 0 transparent;
    color: #333333 !important;
    display: block;
    height: 26px;
    line-height: 26px;
    margin: 1px;
    padding: 0 3px;
}
.s-mini-group li a:hover {
    background-position: 0 -26px;
    text-decoration: none;
}
.s-mini-group li a.selected, .s-mini-group li a.selected:hover {
    background-position: 0 -52px;
    color: #FFFFFF !important;
}
.s-mini-group li a img {
    margin-right: 5px;
}
.s-mini-group p {
    margin-bottom: 5px;
}
.s-sort {
    background-color: #FFFFFF;
    border: 1px solid #83ACC6;
    display: none;
    line-height: 21px;
    padding: 3px 0;
    position: absolute;
    top: 160px;
    width: 78px;
    z-index: 2;
}
.s-sort li {
    float: none;
}
.s-sort li a {
    display: block;
    padding: 2px 15px;
}
.s-sort li a:hover {
    background-color: #548BC6;
    color: #FFFFFF !important;
    text-decoration: none;
}
#sidebar2 {
    padding-top: 38px;
}
#friendPhoto .friend-photo {
    border-top: 1px solid #CEE1EE;
    padding: 10px 0;
}
#sponsorsWidget .side-item-body {
    padding: 0;
}
#sponsorsWidget .side-item {
    border-top: 1px solid #CEE1EE;
    padding-top: 8px;
}
#sidebar2 .pymk {
    border-top: 1px solid #CEE1EE;
    padding: 8px 0 5px;
}
.album-sidebar {
    overflow: hidden;
    width: 240px;
}
.friendAutoSelector {
    width: 240px !important;
}
.box-photomain {
    border-top: 1px solid #CEE1EE;
    margin-bottom: 10px;
    padding: 8px 0 10px;
}
.box-photomain .box-search {
    border-bottom: 1px solid #CEE1EE;
    padding-bottom: 10px;
}
.box-photomain .box-search h1 {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 8px;
}
.photo-main {
    padding-top: 0px;
    min-height: 350px;
    border: 1px solid #CCCCCC;
    border-top-width: 0px;
}
.photo-main:after {
    clear: both;
    content: " ";
    display: block;
}
.photo-main-content {
    padding: 0px 0px 15px 0px;
    min-height: 350px;
}
.photo-main-sidebar2 {
    float: right;
    width: 240px;
}
.photo-main .box-photomain .box-search h1, .photo-main .friend-photo h4, .photo-main .pymk-header h4 {
    color: #666666;
}

.pipi{
	font-family: "宋体";
    line-height: 23px;
    color: #AAAAAA;
    font-size: 11px;
    font-weight: 400;
    margin: 0 10px;
}
